<template>
  <div class="home">
    <Card shadow >
        <p slot="title">基本信息</p>
       <Row>
         <i-col :xs="8" class="col" v-for="(infor, i) in basicData" :key="`infor-${i}`">
          <basic-news :infor="infor"></basic-news>
         </i-col>
       </Row>
    </Card>
  </div>
</template>

<script>
import BasicNews from '@/components/basic-news/basic-news.vue'
export default {
  name: 'basic_news',
  components: {
    BasicNews
  },
  data () {
    return {
      basicData: [
        { title: '账户名称', text: '工人003' },
        { title: '账户状态', text: '开启' },
        { title: '代付余额', text: '0', unit: '元' },
        { title: '并发量', text: '20', unit: '元' },
        { title: '单笔最小金额', text: 100, unit: '元' },
        { title: '单笔最大金额', text: 10000, unit: '元' }
      ]
    }
  }
}
</script>
<style lang="less">
  @import '../single-page/home/home.less';
</style>
